<template>
  
    <div id="app" style="margin-top: 0%;">
          <!-- 主体 -->
          <el-container style="height: 700px; border: 1px solid #eee;margin-top: 0% ;" >
              <!-- 侧栏 -->
              <el-aside width="200px" style="background-color: #88A799">
               <Aside></Aside>
              </el-aside>
              <!-- 日历 -->
              <el-container>
                  <el-header style="text-align: right; font-size: 12px;background-color: #98A594;">
                      <Header></Header>
                  </el-header>
  
                  <el-main style="padding-top: 0%;background-color: #C8C7C5;">
                      <!-- <Main></Main> -->
                      <router-view></router-view>
                  </el-main>
              </el-container>
          </el-container>
          <el-footer style="background-color: #E1DAD9;height: 50px;">
              <div style="float: right;">
       
      </div>
          </el-footer>
      </div>
  
  </template>
  
  
  <!-- css -->
  <style>
      /* el-header样式 */
      .el-header {
          background-color: #B3C0D1;
          color: #333;
          line-height: 60px;
      }
  
      /* el-aside样式 */
      .el-aside {
          color: #333;
      }
  
      /* a 样式 */
      a {
          color: #000;
          padding: 8px 16px;
          text-decoration: none;
      }
  </style>
  
  
  <script>
  import Aside from "./Aside"
  import Header from "./Header"
  // import Main from "./Main"
  
  export default {
    name: 'MyIndex',
    components:{Aside,Header},
  //   data() {
      
  //         }
  }
  </script>
  
  